###### examples/App.vue ###### 结构部分：
<!-- <template> -->
  <!-- <div id="app">
    <m-card
      imgSrc="java.png"
      summary="剑指Java面试-offer直通车 百度资深面试官授课"
    ></m-card>
    <br />
    <m-card
      imgSrc="c.png"
      summary="C语言系统化精讲 重塑你的编程思想 打造坚实的开发基础"
    > -->
      <!-- 构造footer, v-slot告诉插槽结构在footer -->
      <!-- <template v-slot:footer>
        <div class="footer">
          <div class="lever">中级·528人报名</div>
          <div class="price">￥299.00</div>
        </div>
      </template>
    </m-card>
    <br /> -->
    <!-- <m-card imgSrc="spring.png" :width="370" :imgHeight="90"> -->
      <!-- 测试当概要为插槽结构时是否能实现，没有指明插槽的名字，会自己填到card组件的 <div v-else class="m-card-summary"><slot></slot></div>里的slot里 -->
      <!-- 本路线旨在帮助想快速掌握springboot应用的工程师，全方位多角度带你升级 -->
      <!-- <template v-slot:footer>
        <div class="footer-spring">
          <div class="lever">4步骤 · 6门课</div>
          <div class="price">10965收藏</div>
        </div>
      </template></m-card
    >
  </div> -->
<!-- </template> -->

<!-- <style>
#app {
  font-family: Avenir, Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
.footer {
  padding: 0 8px;
  font-size: 12px;
  text-align: left;
}
.level {
  color: #9199a1;
  margin-bottom: 8px;
}
.price {
  color: #f01414;
}
.footer-spring {
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  font-size: 12px;
}
</style> -->
<template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" />
    <x-button type="primary">button</x-button>
    <biu-loading>测试另一个组件</biu-loading>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
};
</script>

<style></style>
